/*
 * Dark green: 15A184
 * Medium green: 19BD9B
 * Light green: 5ed1b9
 *
 * NOTE: For whatever reason images must be referenced using path ../resources/images/<PATH_OR_IMAGENAME>
 */

body { font-size: 14px; font-family: Arial,sans-serif; }

a { color: #165f89; text-decoration: none; }
a:hover { color: #e87911; }
a:hover { }
a:active { }
a:visited { }

h1 { font-family: Tahoma,Arial,sans-serif; }
h2 { font-family: Tahoma,Arial,sans-serif; color: #e87911; font-size: 16px; font-weight: normal; padding: 0 0 10px 0; }
h3, h4, h5, h6 { }
p { line-height: 20px; padding: 0 0 20px 0; }

.clear-left { clear: left; }
.clear-right { clear: right; }
.clear { clear: both; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }


/* ********** basic styles **************** */
.container { width: 700px; margin: auto !important; }

.section { clear: both; padding: 20px 0; }
.section-header {  }
.section-main { padding-bottom: 30px; }
.section-commercials { background: #165f89; color: #fff; }
.section-contact { background: #e4e4e4; }
.section-footer { }

.section-header h1 { display: block; font-weight: normal; font-size: 26px; text-align: center; }

.section-contact input[type=text] { display: block; margin-bottom: 10px; color: #222; width: 220px; padding: 3px 6px; }
.section-contact input.middle { width: 200px; margin-left: 10px; }
.section-contact textarea { display: block; color: #222; width: 688px; padding: 3px 6px;  margin-bottom: 10px; }
.section-contact input[type=submit] {  }

.eyecatcher { /*clear: both; height: 250px;
	background: #6d050e;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	background-image: -webkit-linear-gradient(#8C121C 0%, #6d050e 100%); 
	background-image: -moz-linear-gradient(#8C121C 0%, #6d050e 100%); 
	background-image: -o-linear-gradient(#8C121C 0%, #6d050e 100%); 
	background-image: linear-gradient(#8C121C 0%, #6d050e 100%);*/
}


/* ********** primefaces styles *********** */
/*	<context-param>
 *		<param-name>primefaces.THEME</param-name>
 *		<param-value>none</param-value>
 *	</context-param> */

/* <h:panelGrid columns="3" columnClasses="column-width-33"> */
.width-25 { width: 25%; }
.width-33 { width: 33%; }
.width-50 { width: 50%; }
.width-75 { width: 75%; }
.width-100 { width: 100%; }

.tabview {  }
.tabview .ui-tabs  { padding: 0; }
.tabview .ui-tabs-nav { padding: 0 !important; /*background: #f6f6f6;*/ background: url(../resources/images/tabview/tabview_border.png) repeat-x center 30px; }
.tabview .ui-tabs-nav li { margin: 0 !important; }
.tabview .ui-tabs-nav li.ui-state-active {  }
.tabview .ui-tabs-nav li a { color: #444; padding-bottom: 14px !important; }
.tabview .ui-tabs-nav li a:hover { color: #e87911; }
.tabview .ui-tabs-nav li.ui-state-active a { color: #165f89; background: url(../resources/images/tabview/tabview_arrow_ffffff.png) no-repeat center 29px; }

.tabview .ui-tabs-panels { margin-top: -7px; }
.tabview .ui-tabs-panels .ui-tabs-panel {  }

